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Making  an  HTTP  request 


Connect  to  the  server 

• a "hand  shake" 

Request  a document  (or  the  default  document) 

• GET  http://dr-chuck.com/page  I .htm 

• GET  http://www.mlive.com/ann-arbor/ 

• GET  http://www.facebook.com 


http:  //iwww. dr-chuck. com^pagel  .htm 


protocol 


host 


document 


O http://www.dr-chuck.com/pagel.htm 
http://www.dr-chuck.com/pagel.htm  * Q,-  Google  © » 

The  First  Page  j 

If  you  like,  you  can  switch  to  the  Second  Pape; 


Co  to  "http  / Avww.dr-chuck.com/page2.htm" 


Web  Server! 


GET  http://www.dr-chuck.com/page2.htm 


Making  an  HTTP  request 


Connect  to  the  server 

• a "hand  shake" 

Request  a document  (or  the  default  document) 

• GET  http://dr-chuck.com/page  I .htm 

• GET  http://www.mlive.com/ann-arbor/ 

• GET  http://www.facebook.com 


$ telnet  www.dr-chuck.com  80 
Trying  74.208.28.177... 

Connected  to  www.dr-chuck.com. 

Escape  character  is  'A]\ 

GET  http://www.dr-chuck.com/page  I .htm 
<h  I >The  First  Page</h  I > 

<P> 

If  you  like,  you  can  switch  to  the 
<a  href="http://www.dr-chuck.com/page2.htm" 
Second  Page</a>. 

</p> 

Connection  closed  by  foreign  host. 


Getting  Data  From  The  Server 


Each  the  user  clicks  on  an  anchor  tag  with  an  href=  value  to  switch  to 
a new  page,  the  browser  makes  a connection  to  the  web  server  and 
issues  a “GET”  request  - to  GET  the  content  of  the  page  at  the 
specified  URL 

The  server  returns  the  HTML  document  to  the  Browser  which 
formats  and  displays  the  document  to  the  user. 


|5.  Request 

A request  message  from  a client  to  a server  includes,  within  the 
first  line  of  that  message,  the  method  to  be  applied  to  the  resource, 
the  identifier  of  the  resource,  and  the  protocol  version  in  use.  For 
backwards  compatibility  with  the  more  limited  HTTP /0 . 9 protocol, 
there  are  two  valid  formats  for  an  HTTP  request: 

Request  ■ Simple-Request  | Full-Request 

Simple-Request  ■ "GET"  SP  Request-URI  CRLF 

Full-Request 


Request-Line 

; Section 

5.1 

*(  General-Header 

; Section 

4.3 

Request -Header 

; Section 

5.2 

Entity-Header  ) 

; Section 

7.1 

CRLF 

[ Entity-Body  ] 

; Section 

7.2 

If  an  HTTP/1.0  server  receives  a Simple- Request,  it  must  respond  with 
an  HTTP/0.9  Simple-Response.  An  HTTP/1.0  client  capable  of  receiving 
a Full-Response  should  never  generate  a Simple-Request. 

| 5.1  Request-Line 

The  Request-Line  begins  with  a method  token,  followed  by  the 

-TTT?  T anH f hr* nrnf  nr-n  * \rr>r- <i  i rm anH onHi  r>  n ui  f r> PPT.F T’n  r> 


$ telnet  www.facebook.com  80 
Trying  69.63.187.19... 

Connected  to  www.facebook.com. 

Escape  character  is  'A]\ 

GET  / 

<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Strict//EN" 
"http://www.w3.org/TR/xhtml  I /DTD/xhtml  I -strict.dtd"> 

<html  xmlns="http://www.w3.org/l999/xhtml"  xml:lang="en"  lang="en" 
id="facebook"  class="  noJs"> 

<head> 

<meta  http-equiv="Content-type"  content="text/html;  charset=utf-8"  /> 
<meta  http-equiv="Content-language"  content="en"  /> 

<meta  http-equiv="X-UA-Compatible"  content="IE=EmulatelE7"  /> 

< s c r i pt  ty p e = " text/j  avas  c r i pt"  > 


Welcome  to  Facebook!  | Facebook 


(«EB  (e)  GD  (*)  (H 

Most  Visited  ▼ Getting  Started  Latest  Headlines  A 


file: ///Users /jimeng/siS39/w09/http/fbook.html 


£ ▼)  * ClGhT  Coogle  ~Q) 


<Q  Disable  T ^ Cookies  * CSS  ' Forms  T Images  T ; information  » Miscellaneous  * Outline  » A Resize  * Tools  » View  Source  T Options  * Q 


facebook 


Facebook  helps  you  connect  and  share  with 
the  people  in  your  life. 


Sign  Up 

It's  free  and  anyone  can  join 


Full  Name 
Your  Email 


Birthday: 


Month:  Day:  Year: 

Why  do  I need  to  provide  this? 


agree  to  the  Terms  of  Use  and  Privacy  Policy. 


Hmmm  - This  looks  kind  of  Complex..  Lots  of  GET  commands 


Firebug  helps  again 

• If  you  haven't  already  installed  ,you  need  it  now 

• It  can  help  explore  the  HTTP  request-response  cycle 

• Some  simple-looking  pages  involve  lots  of  requests: 

• HTML  page(s) 

• Image  files 

• CSS  Style  Sheets 

• Javascript  files 


Sending  Data  to  an  Application 


Forms  - Input  on  the  Web 


http: //localhost:  8080/ 

0 http://localhost:8080/  * Q- Google  » 


Your  guess  is  -1 
Your  guess  is  too  low 


Enter  Guess:  Input  Area 

(Submit ) < Submit  Button  Whole  Form 


Why  do  we  call  them  forms? 


Forms  Need  Servers 


• Forms  effectively  gather  data  from  the  user  and  “submit”  it  to  a web 
page  on  a server 

• The  earliest  form  of  server-side  processing  was  called  GGI  - Which 
stood  for  Common  Gateway  Interface 

• CGI  allows  software  to  “receive”  the  input  parameters  and  produce 
the  HTML  response  - rather  than  simply  reading  the  HTML  content 
from  a file 

http://en.wikipedia.org/wiki/Common_Gateway_lnterface 


• Typical  Server 


• Permanently  connected  to 
the  network 

• Has  static  address 

• Is  part  of  a cloud 
• Clients 

• Browsers 

• Many  clients  at  the  same 
time  using  the  server 


Server 

www.bubbleunder.com 


• • i <> 

Clients 

Internet  Explorer,  Firefox,  Safar 

i,  etc. 

Using  Forms  Without  Servers 


• Submitting  form  data  works  without  a server  - the  browser  moves 
from  static  page  to  static  page 

• But  the  data  from  the  forms  is  neither  saved  no  is  it  usable 


Pressing  Submit  (Get) 


When  you  fill  in  a form  and  press  “Submit”  the  browser  packs  up  the 
parameters  of  the  form  and  sends  them  to  the  server  using  the 
“name-’  values  as  the  parameter  names  and  the  field  contents  as  the 
values. 

Then  this  request  returns  new  HTML  which  is  shown  in  the  browser. 


So  lets  write  some  code  and  make 

a server... 


<p>Your  guess  is  20.</p> 

<p>Your  guess  is  too  low.</p> 

<form  method="post"  action="/"> 

<P> 

Enter  Guess : 

<input  type="text"  name="guess" 
</p> 

<P> 

<input  type=" submit"  /> 

</p> 

</form> 


<p>Your  guess  is  20.</p> 

<p>Your  guess  is  too  low.</p> 

<form  method="post"  action="/"> 

<P> 

Enter  Guess : 

<input  type="text"  name="guess" 
</p> 

<P> 

<input  type=" submit"  /> 

</p> 

</form> 


<p>Your  guess  is  20.</p> 

<p>Your  guess  is  too  low.</p> 

<form  method="post"  action="/"> 

<P> 

Enter  Guess : 

<input  type="text"  name="guess" 
</p> 

<P> 

<input  type=" submit"  /> 

</p> 

</form> 


http:// local  host:  8080/ 

0 http://localhost:8080/  * Qr  Google  » 


Your  guess  is  -1 
Your  guess  is  too  low 


Enter  Guess: 

Submit 


/a 


Attributes  of  a form  element 


• "action"  attribute  tells  where  to  submit  the  form 

• Usually  the  path  to  a script  or  program  on  the  server  that 
processes  the  form  inputs 

• "method"  attribute  tells  how  to  submit  the  form 

• In  this  case  using  HTTP  POST 

• See  page  30  of  RFC  1945 


<p>Your  guess  is  20.</p> 

<p>Your  guess  is  too  low.</p> 

<form  method="post"  action="/"> 

<P> 

Enter  Guess : 

<input  type="text"  name="guess" 
</p> 

<P> 

<input  type=" submit"  /> 

</p> 

</form> 


GET  .vs.  POST 


Two  ways  the  browser  can  send  parameters  to  the  web  server 

• GET  - Parameters  are  placed  on  the  URL  which  is  retrieved 

• POST  - The  URL  is  retrieved  and  parameters  are  appended  to  the 
request  in  the  the  HTTP  connection 


Intended  purpose  of  POST 


Posting  a message  to  a bulletin  board,  newsgroup,  mailing  list 
Annotation  of  existing  resources 
Extending  a database  through  an  append  operation 
Creating  a new  object 

Providing  a block  of  data,  such  as  the  result  of  submitting  a form 


As  opposed  to  GET 


• Retrieve  a resource  identified  by  the  path  portion  of  the  URL 


Normal  use  of  GET 


I 


<input  type="text"  name="guess"  /> 


Web  Server 


Browser 


<input  type="text"  name="guess"  /> 


Web  Server 


HTTP  ^ 
Request  I 


POST/ 

Accept:  www/source 

Accept:  text/html 

User-Agent:  Lynx/2.4  libwww/2. 1 4 

Content-type:  application/x-www-form-urlencoded 

Content- length:  8 

guess=25 


Browser 


<input  type="text"  name="guess"  /> 


Passing  Parameters  with  GET 


Web  Server 


HTTP 

Request 


Browser 


GET  /simpleform.html 
Accept:  www/source 
Accept:  text/html 
User-Agent:  Lynx/2.4  libwww/2. 1 4 

POST  /simpleform.html 

Accept:  www/source 

Accept:  text/html 

User-Agent:  Lynx/2.4  libwww/2. 1 4 

Content-type:  application/x-www-form-urlencoded 

Content-length:  1 3 

guess=25 


<input  type="text"  name="guess"  /> 


“Rules”  for  GET  and  POST 


GET  is  used  when  your  are  reading  or  searching  things 

POST  is  used  when  data  is  being  created  or  modified 

Web  search  spiders  will  follow  GET  URLs  but  generally  not  POST 
URLs 

GET  URLs  should  be  “idempotent”  - the  same  URL  should  give  the 
“same  thing”  each  time  you  access  it 

GET  has  an  upper  limit  of  the  number  of  bytes  of  parameters  and 
values  (think  about  2K) 


Writing  Your  AppEngine 
Application 


Application  Folder 


app.yaml  - Defines  the  name  of  your 
application  and  the  high  level  routing 
of  incoming  URLs 

index.py  - The  code  for  your 
application 

index.yaml  - Created  byApp  Engine 


▼ 


ae-01-guess 
_£  app.yaml 
index.py 
index.yaml 


app.yaml 


• The  app.yaml  file 
routes  requests 
amongst  different 
Python  scripts. 


application:  ae-0 1 -guess 
version:  I 
runtime:  python 
apLversion:  I 

handlers: 

- url:  /.* 

script:  index.py 


import  sys 


index.py 


print  'Content-Type:  text/html' 
print " 
print  '<pre>' 


# Read  the  form  input  which  is  a single  line  as  follows 

# guess=42 

data  = sys.stdin.read() 

# print  data 
try: 

guess  = int(data[data.find('=')+l:]) 
except: 
guess  = - I 

print  'Your  guess  is  too  high' 


Web  Server 


HTTP  ^ 
Request  I 


POST/ 

Accept:  www/source 

Accept:  text/html 

User-Agent:  Lynx/2.4  libwww/2. 1 4 

Content-type:  application/x-www-form-urlencoded 

Content- length:  8 

guess=25 


Browser 


<input  type="text"  name="guess"  /> 


import  sys 


print  'Content-Type:  text/html' 
print " 
print  '<pre>' 


# Read  the  form  input  which  is  a single  line  as  follows 

# guess=42 

data  = sys.stdin.read() 

# print  data 
try: 

guess  = int(data[data.find('=')+l:]) 
except: 
guess  = - I 

print  'Your  guess  is  too  high' 


import  sys 

POST/ 

Accept:  www/source 
Accept:  text/html 
User-Agent:  Lynx/2.4  libwww/2. 1 4 
Content-type:  application/x-www-form-urlencoded 
Content-length:  8 

data  = sys.stdin.read() 

# print  data 

try: 

guess  = int(data[data.find('=')+l:]) 
except: 
guess  = - I 

print  'Your  guess  is  too  high' 


print  'Content-Type: 
print " 
print  '<pre>' 

# Read  the  form  inp 


5 


guess  = int (data [data. find ( '=' ) +1 : ] ) 


import  sys 


print  'Content-Type:  text/html' 
print " 
print  '<pre>' 


# Read  the  form  input  which  is  a single  line  as  follows 

# guess=42 

data  = sys.stdin.read() 

# print  data 

try: 

guess  = int(data[data.find('=')+l:]) 
except: 
guess  = - I 

print  'Your  guess  is  too  high' 


print  'Your  guess  is',  guess 


answer  = 42 
if  guess  < answer  : 
print  'Your  guess  is  too  low' 
if  guess  ==  answer: 
print  'Congratulations!' 
if  guess  > answer  : 
print  'Your  guess  is  too  high' 

print  '</pre>' 

print  '"<form  method="post"  action="/"> 

<p>Enter  Guess:  <input  type="text"  name="guess"/></p> 
<p><input  type="submit"></p> 

</form>'" 


print  'Your  guess  is',  guess 

answer  = 42 
if  guess  < answer  : 
print  'Your  guess  is  too  low' 
if  guess  ==  answer: 
print  'Congratulations!' 
if  guess  > answer  : 
print  'Your  guess  is  too  high' 

print  '</pre>' 
print  '"<form  method="post"  action="/"> 

<p>Enter  Guess:  <input  type="text"  name="guess"/></p> 
<p><input  type="submit"></p> 

</form>'" 


http: //local  host:  8080/ 

0http://localhost:8O8O/  - Q,-  Coogle  » 

Your  guess  is  -1 
Your  guess  is  too  low 

Enter  Guess: 

r Submit  'l 


Fieldset  and  Legend 


<form  method="get"  action="simpleform.html"> 

<fieldset> 

<legend>AII  About  You</legend> 


<P> 

<label  for="yourname">Enter  your  name:</label> 

<input  type- 'text"  name- 'yourname"  id- yourname"  /> 

</p> 

<p><input  type="submit"  /></p> 

</fieldset> 

</form> 


All  About  You- 


Entcr  your  name: 


^ Submit v 


• Text 


Input  Types 


• Password 

• Checkbox 

• Radio  Button 

• Hidden 

• Submit 


• File 


<p>  Text  Input 

<label  for="nameinp">Enter  your  name:</label> 

<input  type="text"  name="  " id="nameinp"  /> 

</p> 

<P> 

<label  for="nickinp">Enter  your  nickname:</label> 

<input  type="text"  name="  " id="nickinp"  value="Bob"  /> 

</p> 

The  id=  attribute  is  used  to  reference  the  field  inside  the 
HTML  document.  The  is  the  parameter 

name  used  to  submit  the  data  to  the  server. 


Text  fields  can  either  start  out  blank  of  have  content  pre-populated. 


Password  Input  Type 


<P> 

<label  for="password">Your  password:</label> 

<input  type="password"  id="password"  name="password"  /> 

</p> 


Your  password: 


This  only  hides  the  password  from  view  on  the  screen  - to  protect  the  password  while  in- 
transit, you  need  to  send  the  data  over  https. 


Hidden 


• Hidden  fields  are  used  generally  so  that  a program  in  a web  server  can 
send  some  internal  information  back  to  itself. 


<input  ype="hidden"  name="peekaboo"  value="hereiam"  /> 


Checkbox  - Multiple  Select 


<P> 

<input  type="checkbox"  name="terms"  id="termid"  /> 

<label  for="termid">l  have  read  the  terms  and  conditions. </label> 

</p> 

<P> 

<input  type="checkbox"  name="offers"  id="offerid"  /> 

<label  for="offerid">l  agree  that  you  can  contact  me  regarding 
special  offers  in  the  future. </label> 

</p> 


0 I have  read  the  terms  and  conditions. 

□ I agree  that  you  can  contact  me  regarding  special  offers  in  the  future. 


Checkbox  - Preselected 


<p> 

<input  type="checkbox"  name="terms"  id="termid"  /> 

<label  for="termid">l  have  read  the  terms  and  conditions</label> 

</p> 

<P> 

<input  type="checkbox"  name="offers"  id="offerid"  checked="checked"  /> 
<label  for="offerid">l  agree  that  you  can  contact  me  regarding 
special  offers  in  the  future</label> 

</p> 


Radio  Buttons  - Choice 


<S:  In  the  morning 
In  the  afternoon 
O In  the  evening 


<P> 

<input  type="radio"  name="timeslot"  id="mor"  value-'morning"  checked="checked"  /> 
<label  for="mor">ln  the  morning</label> 

<br  /> 

<input  type="radio"  name="timeslot"  id="aft"  value="afternoon"  /> 

<label  for="aft">ln  the  afternoon</label> 

<br  /> 

<input  type="radio"  name="timeslot"  id="eveM  value="evening"  /> 

<label  for="eve  ">ln  the  evening</label> 

</p> 


Drop  Down  List 


Which  best  describes  you?  Web  Designer  v 


<P> 

<label  for="role">Which  best  describes  you?</label> 

<select  name="role"  id="role"> 


<option  value=’ 
<option  value=’ 
<option  value=’ 
<option  value=’ 


’>Secretary</option> 

2”  selected="selected">Web  Designer</option> 
”>Manager</option> 


’>Cleaner</option> 
<option  value=”  ”>Other</option> 

</select> 

</p> 


A drop-down  list  generates  a single 
when  it  is  sent  to  the  server. 


role= 


Textarea  for 
paragraphs 

<p> 

<label  for="hobbies">Please  tell  us  about  your  hobbies:</label> 

</p> 

<textarea  name="hobbies"  rows="7"  cols="40"  id="hobbies"> 

Old  Value 

</textarea> 

</p> 

Textareas  can  become  rich  text  areas  - http://tinymce.moxiecode.com/ 


File  Uploads 

<input  type=”file”  name=”  " accept="text/html"> 


File  input  is  simple  on  the  browser 

You  can  optionally  insist  on  only  certain  file  types 

File  input  processing  depends  on  which  software  is  receiving  the 
input  on  the  server 


Submit  Button(s) 


When  you  have  multiple 
submit  buttons  the  value  can 
be  used  to  figure  out  which 

<p><input  type=”submit”/></p> 


<!—  Multiple  submit  buttons  --> 


<P> 


<input  type=”submit”  name=”subtype”  value=”  ”/> 

<input  type=”submit”  name=”subtype”  value=”  ”/> 


http:// ... /url?subtype= 
http:// ... /url?subtype= 


Value 


Dumper  Program: 
Working  in  the  Depths  of  the 
Machine 


Dumper 


• This  application  makes  a form  and  then  we  submit  the  form 
via  POST 

• This  application  dumps  the  input  variables  that  come  in  from 
the  HTTP  Request 

• This  is  the  most  basic  view  of  a web  application 

• It  is  like  a Dinosaur  - it  is  a web  program  written  using  the 
“old  ways” 


Common  Gateway  Interface 


A set  of  rules  about  taking  input  parameters  and  data  from  an 
incoming  HTTP  request  and  handing  them  to  the  program. 


HTTP  Request  / Response  Cycle 


Web  Server 


HTTP  \ 


Request 


* 


HTTP 

Response 


Browser 


http://www.oreilly.com/openbook/cgi/ch04_02.html 


HTTP  Request  / Response  Cycle 


Web  Server 


HTTP 

Request 


HTTP 

Response 


GET  /index.html 
Accept:  www/sou  rce 
Accept:  text/html 
User-Agent:  Lynx/2.4  libwww/2. 14 


Browser 


<head>  ..  </head> 
<body> 

<h  I >Welcome  to  my 
application</h  I > 

</body> 


http://www.oreilly.com/openbook/cgi/ch04_02.html 


Passing  Parameters  to  The  Server 


Web  Server 


HTTP 

Request 


Browser 


GET  /simpleform.html 
Accept:  www/source 
Accept:  text/html 
User-Agent:  Lynx/2.4  libwww/2. 1 4 


POST  /cgi-bin/program.pl  HTTP/ 1.0 
Accept:  www/source 
Accept:  text/html 
User-Agent:  Lynx/2.4  libwww/2. 14 

Content-type:  application/x-www-form-urlencoded 

Content- length:  1 3 

guess=25 


<input  type="text"  name="guess"  /> 


The  Common  Gateway  Interface 


The  Common  Gateway  Interface,  or  CGI,  is  a standard  for  external  gateway  programs  to  interface  with  information 
servers  such  as  HTTP  servers. 

The  current  version  is  CGI/1 .1 . 


CGI  Documentation 

If  you  have  no  idea  what  CGI  is,  you  should  read  this  introduction. 

Once  you  have  a basic  idea  of  what  CGI  is  and  what  you  can  use  it  for,  you  should  read  this  primer  which  will  help  you 
get  started  writing  your  own  gateways. 

If  you  arc  interested  in  handling  the  output  of  HTML  forms  with  your  CGI  program,  you  will  want  to  read  this  guide  to 
handling  forms  with  CGI  programs. 

Security  is  a crucial  issue  when  writing  CGI  programs.  Please  read  these  tips  on  how  to  write  CGI  programs  which  do  not 
allow  malicious  users  to  abuse  them. 

When  you  get  more  advanced,  you  should  read  the  interface  specification  which  will  help  you  utilize  CGI  to  the  fullest 
extent.  If  you  are  a server  software  author,  it  will  help  you  add  CGI  compliance  to  your  information  server. 


http://hoohoo.ncsa.uiuc.edu/cgi/in.html 


CGI  In  App  Engine 


• When  a Request  is  received  in  the  App  Engine,  according  to 
the  rules  of  CGI 

• The  environment  variables  such  as  server  name,  document 
path,  etc  come  in  a dictionary  object 

• Any  POST  data  comes  in  on  standard  input  (sys.stdin) 

• Whatever  the  program  prints  goes  to  the  browser  as  the 
HTTP  response 


B 

r 

o 

w 

s 

e 

r 


<form  method="post"  action=7"> 

Zap  Data:  <input  type-'text"  name="zap"><br> 

Zot  Data:  <input  type="text"  name- zot"><br> 

<input  type="submit"> 

</form>  CGI 


Zap  Data:  stuff 
Zot  Data:  More  Stuff 


POST  Data 


Environment 

Data 


zap= Stuff&zot=  M o reStuff 

<form  method=  ....> 
</form> 


import  os 
import  sys 


The  standard  output  (print 
statements)  produce  the  HTTP 
Response. 


print  'Content-Type:  text/html' 
print ' ' 

print  '<form  method="post"  action='7">' 
print  'Zap  Data:  <input  type="text"  name="zap"><br>' 
print  'Zot  Data:  <input  type="zot"  name="zot"><br>' 
print  '<input  type="submit">' 
print  ‘</form>’ 


The  output  consists  of  HTTP 
headers  followed  by  the  body  of 
the  document. 


Zap  Data: 
Zot  Data: 


import  sys 


• http://docs.python.org/library/sys.html 


sys.  stdin 
sys.  stdout 
sys.  stderr 

File  objects  corresponding  to  the  interpreter's  standard  input,  output  and  error  streams,  stdin  is  used  for  all 
interpreter  input  except  for  scripts  but  including  calls  to  inputo  and  raw_inPuto.  stdout  is  used  for  the  output  of 
print  and  expression  statements  and  for  the  prompts  of  inputo  and  raw_inPuto-  The  interpreter’s  own  prompts 
and  (almost  all  of)  its  error  messages  go  to  stderr.  stdout  and  stderr  needn’t  be  built-in  file  objects:  any  object  is 
acceptable  as  long  as  it  has  a write  o method  that  takes  a string  argument.  (Changing  these  objects  doesn't 


import  os 


• http://docs.python.org/index.html  — Library  Reference 

• http://docs.python.org/library/os.html 


Process  Parameters 

These  functions  and  data  items  provide  information  and  operate  on  the  current  process  and  user. 

os.  environ 

A mapping  object  representing  the  string  environment.  For  example,  environ [ home-  ] is  the  pathname  of  your 
home  directory  (on  some  platforms),  and  is  equivalent  to  getenv<  "home"  ) in  C. 

This  mapping  is  captured  the  first  time  the  os  module  is  imported,  typically  during  Python  startup  as  part  of 
processing  site.py.  Changes  to  the  environment  made  after  this  time  are  not  reflected  in  os. environ,  except  for 
changes  made  by  modifying  os. environ  directly. 


print  'Environment  keys:' 
print ' ' 

for  param  in  os.environ.keys(): 

print  param, os.environ[param] 
print ' ' 


Environment  keys : 


Mozilla/5.0  (Macintosh;  U;  Inte 
keep-alive 


HTTP_COOKIE  : camtoolspref - 
SERVER_SOFTWARE  s Development /I . 0 
SCRIPT_NAME  s 
REQUEST_METHOD  : GET 
PATH_INFO  : / 

SERVER_PROTOCOL  : HTTP/ 1.0 
QUERY_STRING  : 

CONTENT_LENGTH  : 

HTTP_USER_AGENT 
HTTP_CONNECTION 
S ERVER_NAME  : localhost 
REMOTE_ADDR  : 127.0.0.1 

PATH_TRANSLATED  : /Users/csev/Desktop/teach/a539- 

SERVER_PORT  : 8081 

AUTH_DOMAIN  s gmail.com 

CURRENT_VERSION_ID  s 1.1 

HTTP_H0ST  : localhost : 8081 

TZ  : UTC 

HTTP_CACHE_CONTROL  : max-age=0 
USER_EMAIL  : 

HTTP_ACCEPT  s text /xml, application/xml, applicatio 
APPLICATION_ID  s ae-02 -dumper 
GATEWAY_INTERFACE  : CGI/ 1.1 
HTTP_ACCEPT_LANGUAGE  : en-us 

CONTENT_TYPE  : application/x-www-f orm-urlencoded 
HTTP_ACCEPT_ENC0DING  s gzip,  deflate 


print  'Data' 

count  = 0 

for  line  in  sys.stdin: 

count  = count  + I Reading  the  POST  Data 

print  line  Spaces  are  encoded  as  + 

if  count  > 100: 
break 

print  ‘</pre>’ 


HTTP_ACCEPT_LANCUACE  : en-us 

CONTENT_TYPE  s application/x-www-f orm-urlencoded 
HTTP_ACCEPT_ENCODING  : gzip,  deflate 

Data 

zap=Stuf f& zap- More+S tuff 


Up  Nextrwebapp  Framework 


While  we  could  write  our 
application  using  the  low- 
level  data  provided  to  our 
Python  code,  this  would 
become  very  tedious 

We  would  constantly  be 
reading  a lot  of  Internet 
Standards  documents 


Environment  keys: 

HTTP_COOKIE  : camtoolspref = 

SERVER_SOFTWARE  : Development /I . 0 
SCRIPT_NAME  : 

REQUEST_METHOD  : GET 
PATH_INFO  : / 

SERVER_PROTOCOL  : HTTP/ 1.0 
QUERY_STRING  : 

CONTENTJLENGTH  : 

HTTP_USER_AGENT  : Mozilla/5.0  (Macintosh;  U;  Inte 
HTTP_CONNECTION  : keep-alive 
SERVER_NAME  : localhost 
REMOTE_ADDR  : 127.0.0.1 

PATHJTRANSLATED  : /Users/csev/Desktop/teach/a539- 

SERVER_PORT  : 8081 

AUTH_DOMAIN  : gmail.com 

CURRENT_VERSION_ID  : 1.1 

HTTP_H0ST  : localhost : 8081 

TZ  : UTC 

HTTP_CACHE_CONTROL  : max-age=0 
USER_EMAIL  : 

HTTP_ACCEPT  : text/xml , application/xml, applicatio 
APPL I CAT I 0N_I D : ae-02 -dumper 
GATEWAY_INTERFACE  : CGI/ 1.1 
HTTP_ACCEPT_LANGUAGE  : en-us 

C0NTENT_TYPE  : application/x-www-f orm-urlencoded 
HTTP_ACCEPT_ENCODING  : gzip,  deflate 


Summary 


• We  can  present  our  user  a form  with  fields  to  fill  in. 

• The  data  from  the  form  can  be  sent  to  the  server  of  our 
choice 

• We  write  an  application  on  the  server  which  received  the 
data  and  produces  a response 


